<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.diceng{
			margin: 0 auto;
			width: 600px;
			height: 350px;
			border: 1px black solid;
		}
		.diceng ul{
			width: 500px;
			padding-left: 20px;
			padding-top: 20px;
		}
		.diceng li{
			width: 500px;
			height: 35px;
			list-style-type: none;
		}
		li:first-child{
			font-size: 2em;
			font-weight: bold;
		}
		.diceng a {
			/*padding-l;*/
			color: black;
			font-size: 12px;
			text-decoration: none;
		}
		.diceng a:hover{
			text-decoration: underline;
		}
		
		.diceng a li{
			/*margin: 20px;*/
			width: 480px;
			padding-top: 10px;
			padding-left: 20px;
			border-bottom-style: dotted;
			border-bottom-color: lightslategray;
			opacity: 0.9;
		}
	</style>
	<body>
		<div class="diceng">
			<ul >
				<li>最新文章/New Articles</li>
				<hr />
				<a href="#"><li>北京招聘网页设计、平面设计、php</li></a>
				<a href="#"><li>体验JavaScript的魅力</li></a>
				<a href="#"><li>jQuery世界来临</li></a>
				<a href="#"><li>网页设计师的梦想</li></a>
				<a href="#"><li>jQuery中的链式编程是什么</li></a>
			</ul>
			
		</div>
	</body>
</html>
